@import "_function";

.register-page {

  .header {
    display: flex;
    justify-content: space-between;
    .back {
      .w(31);
      background-image: url("../img/fanhui.png");
      background-repeat: no-repeat;
      .bp(0, 40);
      .bs(31, 42);
    }
    h5 {
      .lh(120);
      .fs(38);
    }
    .login-register {
      .lh(120);
      .fs(38);
      .c(#8f8f8f);
    }
  }

  .main {
    overflow: hidden;
    .error{
      .c(@cred);
      .pa;
      .l(0);
      .b(-50);
      width: 100%;
      .h(30);
      .fs(24);
      .pl(80);
    }
    .user {
      position: relative;
      input {
        outline: none;
        .w(445);
        .br(40);
        .h(80);
        .pl(250);
        border: 1px solid #929292;
        background-image: url("../img/yonghu.png");
        background-repeat: no-repeat;
        .bs(41,44);
        .bp(30, 20);
        .fs(24);
        .c(#c5c0c0);
        .mt(40);
      }
      span {
        position: absolute;
        .t(65);
        .l(100);
        .fs(38);
        .c(#7d7d7d);
      }
    }

    .psw {
      position: relative;
      input {
        outline: none;
        .mt(75);
        .w(475);
        .br(40);
        .h(80);
        .pl(220);
        border: 1px solid #929292;
        background-image: url("../img/mima.png");
        background-repeat: no-repeat;
        .bs(35,44);
        .bp(30, 20);
        .fs(24);
        .c(#c5c0c0);
      }
      span {
        position: absolute;
        .t(100);
        .l(100);
        .fs(38);
        .c(#7d7d7d);
      }
    }
    .login {
      outline: none;
      border: none;
      -webkit-tap-highlight-color:rgba(255,0,0,0);
      .fs(40);
      .c(#ffffff);
      .w(695);
      .br(40);
      .h(80);
      .bc(#ff7800);
      text-align: center;
      .lh(80);
      .mt(70);
    }
    .verification {
      .pr;
      .mt(85);
      input {
        outline: none;
        .fs(24);
        .c(#c5c0c0);
        .w(280);
        .h(80);
        .br(40);
        .pl(90);
        border: 1px solid #888888;
      }
      s {
        vertical-align: middle;
        text-align: center;
        .dib;
        .w(315);
        .lh(80);
        .br(40);
        .fs(38);
        .c(#7d7d7d);
        .bc(#b8b7b7);
      }
    }
    .agreement{
      overflow: hidden;
      .mt(70);
      input{
        .ml(40);
        vertical-align: middle;
        .w(40);
        .h(40);
      }
      span{
        vertical-align: middle;
        .fs(24);
        .c(#c5c0c0);
      }
    }
  }

  .footer {
    overflow: hidden;
    .mt(130);
    .pb(150);
    dt {
      .fs(40);
      .c(#7d7d7d);
      text-align: center;
      position: relative;
      &:before,
      &:after {
        content: '';
        display: block;
        .w(225);
        top: 50%;
        .mt(-2);
        .h(4);
        clear: both;
        position: absolute;
        .bc(#979797);
      }
      &:before {
        left: 0;
      }
      &:after {
        right: 0;
      }
    }
    dd {
      .fl;
      .m(0, 65, 0, 65);
      .mt(60);
      img {
        .w(100);
        .h(100);
      }
    }
  }

}
